<template>
  <input :type="type" :value="value" @input="input" />
</template>
<script>
  export default {
    props: {
      value: String,
      type: {
        type: String,
        default: 'text'
      }
    },
    data(){
      return {
      }
    },
    methods: {
      input(e){
        this.$emit('input', e.target.value);
        this.$parent.$emit('validate');
      }
    }
  }
</script>